<template>
	<Popup
		title="分享案例模板"
		btnText="我也要分享"
		@clickBtn="$emit('nextStep')"
		@close="$emit('close')"
	>
		<div class="guide">
			<div class="desc">这是我改造的大龙。它陪伴我5年啦，给它换上陪伴模块后变得可以跟我聊天说话了~好开心，以后它每天可以给我讲故事了！</div>
			<div class="imgs">
				<img
					v-for="src in imgs"
					:key="src"
					:src="src"
				>
			</div>
		</div>
	</Popup>
</template>

<script>
export default {
  data() {
    return {
      imgs: [
        'https://aha-public-1301319986.cos.ap-shanghai.myqcloud.com/static_file/yuping/share/20220311134819673-WechatIMG119 3.png',
        'https://aha-public-1301319986.cos.ap-shanghai.myqcloud.com/static_file/yuping/share/20220311134819673-WechatIMG119 2.png'
      ]
    }
  }
}
</script>

<style lang='scss' scoped>
.guide {
  padding: 0 65px;

  .desc {
    padding: 50px 0;
  }

  .imgs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;

    img {
      width: 100%;
    }
  }
}
</style>
